{% extends 'index_base.html' %}
{% block title %}抱枕{% endblock %}

{% block js_css %}
		<link rel="stylesheet" type="text/css" href="/static/css/proList.css"/>
{% endblock %}

{% block content %}
		<!------------------------------banner------------------------------>
		<div class="banner">
			<a href="#"><img src="/static/img/temp/bzbig.jpg"/></a>
		</div>
		<!-----------------address------------------------------->
		<div class="address">
			<div class="wrapper clearfix">
				<a href="/">首页</a>
				<span>/</span>
				<a href="decoration.html">布艺软饰</a>
				<span>/</span>
				<a href="bzproList.html" class="on">抱枕</a>
			</div>
		</div>
		<!-------------------current---------------------->
		<div class="current">
			<div class="wrapper clearfix">
				<h3 class="fl">桌布</h3> 
				<div class="fr choice">
{#					<p class="default">排序方式</p>#}
{#					<ul class="select">#}
{#						<li>新品上市</li>#}
{#						<li>销量从高到低</li>#}
{#						<li>销量从低到高</li>#}
{#						<li>价格从高到低</li>#}
{#						<li>价格从低到高</li>#}
{#					</ul>#}
				</div>
			</div>
		</div>
		<!----------------proList------------------------->
		<ul class="proList wrapper clearfix">
            {% for sku in skus %}
            <li>
				<a href="{{ url('goods:proDetail', args=(sku.id,)) }}">
					<dl>
						<dt><img src="{{ sku.default_image }}"></dt>
						<dd>{{ sku.name }}</dd>
						<dd>￥{{ sku.price }}</dd>
					</dl>
				</a>
			</li>
            {% endfor %}
		</ul>
		
		<!----------------mask------------------->
{#		<div class="mask"></div>#}
{#		<!-------------------mask内容------------------->#}
{#		<div class="proDets">#}
{#			<img class="off" src="/static/img/temp/off.jpg" />#}
{#			<div class="tit clearfix">#}
{#				<h4 class="fl">【最家】非洲菊仿真花干花</h4>#}
{#				<span class="fr">￥17.90</span>#}
{#			</div>#}
{#			<div class="proCon clearfix">#}
{#				<div class="proImg fl">#}
{#					<img class="list" src="/static/img/temp/proDet.jpg"  />#}
{#					<div class="smallImg clearfix">#}
{#						<img src="/static/img/temp/proDet01.jpg" data-src="/static/img/temp/proDet01_big.jpg">#}
{#						<img src="/static/img/temp/proDet02.jpg" data-src="/static/img/temp/proDet02_big.jpg">#}
{#						<img src="/static/img/temp/proDet03.jpg" data-src="/static/img/temp/proDet03_big.jpg">#}
{#						<img src="/static/img/temp/proDet04.jpg" data-src="/static/img/temp/proDet04_big.jpg">#}
{#					</div>#}
{#				</div>#}
{#				<div class="fr">#}
{#					<div class="proIntro">#}
{#						<p>颜色分类</p>#}
{#						<div class="smallImg clearfix categ">#}
{#							<p class="fl"><img src="/static/img/temp/prosmall01.jpg" alt="白瓷花瓶+20支快乐花" data-src="/static/img/temp/proBig01.jpg"></p>#}
{#							<p class="fl"><img src="/static/img/temp/prosmall02.jpg" alt="白瓷花瓶+20支兔尾巴草" data-src="/static/img/temp/proBig02.jpg"></p>#}
{#							<p class="fl"><img src="/static/img/temp/prosmall03.jpg" alt="20支快乐花" data-src="/static/img/temp/proBig03.jpg"></p>#}
{#							<p class="fl"><img src="/static/img/temp/prosmall04.jpg" alt="20支兔尾巴草" data-src="/static/img/temp/proBig04.jpg"></p>#}
{#						</div>#}
{#						<p>数量&nbsp;&nbsp;库存<span>2096</span>件</p>#}
{#						<div class="num clearfix">#}
{#							<img class="fl sub" src="/static/img/temp/sub.jpg">#}
{#							<span class="fl" contentEditable="true">1</span>#}
{#							<img class="fl add" src="/static/img/temp/add.jpg">#}
{#							<p class="please fl">请选择商品属性!</p>#}
{#						</div>#}
{#					</div>#}
{#					<div class="btns clearfix">#}
{#						<a href="#2"><p class="buy fl">立即购买</p></a>#}
{#						<a href="#2"><p class="cart fr">加入购物车</p></a>#}
{#					</div>#}
{#				</div>#}
{#			</div>#}
{#			<a class="more" href="proDetail.html">查看更多细节</a>#}
{#		</div>#}

{% endblock %}

{% block msk %}
		<div class="msk"></div>
{% endblock %}

{% block last_js_css %}
		<script src="/static/js/pro.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/cart.js" type="text/javascript" charset="utf-8"></script>
{% endblock %}

